<!DOCTYPE html> <!-- 文档类型声明 指明用 html5 模式解析网页 目的确保浏览器按照最佳的相关规范进行渲染，而不是使用一个不符合规范“怪异模式 (兼容模式)”的渲染模式 -->
<html lang="zh-CN"> <!-- 设置 lang 属性有助于屏幕阅读器确定要陈述的正确主语言 -->
  <head>
    <meta charset="utf-8" />
    <!-- 字符集声明 告诉文档使用 utf-8 字符编码 -->
    <meta name="keywords" content="your keywords" />
    <!-- 网页关键字 SEO 三大标签之一 -->
    <meta name="description" content="your description" />
    <!-- 网页描述 SEO 三大标签之一 -->
    <meta name="author" content="DefChigga,defchigga@qq.com,China" />
    <!-- 作者信息 包含姓名,邮箱,地址 -->
    <meta name="robots" content="index,follow" />
    <!-- 告诉搜索引擎允许抓取当前页面，而且可以顺着本页继续索引别的链接 -->
    <meta http-equiv="x-ua-compatible" content="IE=edge,chrome=1" />
    <!-- IE=Edge告诉IE使用最新的引擎渲染网页，chrome=1 则可以激活Chrome Frame -->
    <meta name="renderer" content="webkit,ie-stand" />
    <!-- 可以让部分国产浏览器（eg:360双核浏览器）默认采用高速模式渲染页面 -->
    <title><%= name %></title>
    <!-- 网页标题 SEO 三大标签之一 -->
    <!-- 移动端适配 viewport-fit=cover 属性兼容 iphoneX 在 H5 上显示 -->
    <!--<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no, viewport-fit=cover" />-->
    <link rel="icon" href="./favicon.ico" type="image/x-icon" />
    <!-- 网页站点图标 -->
    <!-- 网页优化方案 -->
    <!--
    <link rel="dns-prefetch" href=""> &lt;!&ndash; DNS预解析 &ndash;&gt;
    <link rel="prefetch" href=""> &lt;!&ndash; 预解析 &ndash;&gt;
    <link rel="prerender" href=""> &lt;!&ndash; 预渲染 &ndash;&gt;
    <link rel="preload" href="myFont.woff2" as="font" type="font/woff2" crossorigin="anonymous"> &lt;!&ndash; 预加载 &ndash;&gt;
    -->
  </head>
  <body>
    <!-- 浏览器不支持/关闭 JavaScript 提示语 -->
    <noscript>
      <strong>We're sorry but the project doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
    </noscript>
    <!-- Vue 单页面应用挂载 -->
    <div id="app"></div>
    <!-- built files will be auto injected -->
  </body>
</html>
